
<template>
   <div>{{ mul }}</div>
   <div @click="mul = 100">click</div>
</template>

<script setup lang="ts">
import {computed, reactive, ref} from 'vue'
// computed计算属性：计算属性就是当依赖的属性的值发生变化的时候，才会触发他的更改，如果依赖的值，不发生变化的时候，使用的是缓存中的属性值。
// 函数形式
// let a =ref(1)
// let m =computed<stting>(()=>{
//  return a.value;  
// })
// a.value = 500

//对象形式
let price = ref<number | string>(1)//$0
let mul = computed({
  get:() =>{
    return price.value 
  },
  set:(value) =>{
     price.value = 'set' + value
  }
  
})

</script>


<style>

</style>
